/*样式初始化*/
body,div,h1,ul,li,p,a,img,header,section,input,h2,h3,h4,button{
	padding:0;
	margin:0;
}
body{
	font:14px/1.5 "微软雅黑";
}
a{
    text-decoration: none;
    color:#000;
}
input,button{
	border:0;
	outline: 0;
}
img{
	display: block;
}

ul,li{
	list-style: none;
}
h1,h2,h3,h4,h5,h6{
	font-size: 12px;
	font-weight: none;
}
.clearfix:after,.clearfix:before {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both
}

html {
    font-size: 50px;
}


@media screen and (min-width: 320px) {
    html {
        font-size:42.67px
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size:48px
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size:50px
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size:55.2px
    }
}

@media screen and (min-width: 480px) {
    html {
        font-size:64px
    }
}

@media screen and (min-width: 640px) {
    html {
        font-size:85.33px
    }
}

@media screen and (min-width: 750px) {
    html {
        font-size:100px
    }
}
/*组件样式*/
.fl{
    float:left;
}
.fr{
    float:right;
}

.c-red{
    color:red;
}

.f30{
    font-size: 30px;
}


.mt10{
    margin-top: 10px;
}
.mt20{
    margin-top: 20px;
}


.w30{
    width:30px;

}


.h30{
    height: 30px;
}

.border-b{
    border-bottom: 1px solid #eee;
}

.border-t{
    border-top:1px solid #eee;
}

.act-hot{
    padding:0 5px;
    color: white;
    background: #df0016;
}
.act-tag{
    padding: 0px 5px;
    color: #df0016;
    border: 1px solid #f8c8d0;
}
.color6{
    color: #666;
}
/*页面头部*/
.header{
    height: 0.78rem;
    line-height: 0.78rem;
    border-bottom: 1px solid #ebebeb;
}
.header-left{
    position: absolute;
    margin-left:0.28rem; 
    font-size: 14px;
}
.header h2{
    width: 100%;
    font-size: 20px;
    text-align: center;
}
/*轮播图片*/
.swiper-container img{
    width: 100%;
}
/*选择栏*/
.nav{
    height: 0.7rem;
    line-height: 0.7rem;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
.nav li{
    float: left;
    width: 25%;
    text-align: center;
    font-size: 24px;
    color: #e6e6e6;
}
/*两行截取*/
.overhide {
    display: -webkit-box !important;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/*行*/
.layout-row{
    display: block;
    width: 100%;
    height: 42px;
    padding:0 20px;
    line-height: 42px;
    box-sizing: border-box;
    background:#fff;
    /* background-color: red; */
    /* margin-top:30px 0px 0 0; */
}
.layout-row i{
    height: 42px;
    line-height: 42px;
    font-size: 30px;
}


/* 星星 */
.icon-star {
    color: #fa2855;
    font-size: 18px;
    padding-right: 3px;
}

.icon-star-empty {
    color: #fa2855;
    font-size: 18px;
    padding-right: 3px;
}

.empty{
    width:100%;
    height: 10px;
    background: #f8f8f8;
}